import React, { ReactNode } from 'react';
import { BusinessProvider } from './BusinessContext';
import { ScreenSyncProvider } from './ScreenSyncContext';
import { MenuProvider } from './MenuContext';
import { StreamProvider } from './StreamContext';
import { TTSBoardCastProvider } from './TTSBoardCastContext';
import { CardCollectProvider } from './CardCollectContext';

const AppProviders = ({ children }: { children: ReactNode }) => {
	return (
		<>
			<BusinessProvider>
				<ScreenSyncProvider>
					<TTSBoardCastProvider>
						<CardCollectProvider>
							<StreamProvider>
								<MenuProvider>{children}</MenuProvider>
							</StreamProvider>
						</CardCollectProvider>
					</TTSBoardCastProvider>
				</ScreenSyncProvider>
			</BusinessProvider>
		</>
	);
};

export { AppProviders };
